import React from 'react';
//@ts-ignore
import { ExclamationCircleOutlined } from '#/utils/antdIcons';
import styles from './index.less';

interface IProps {
  /**
   * 提示语
   */
  text?: string;
}

const InstructionText = (props: IProps) => {
  const { text = '' } = props;
  return (
    <div className={styles.container}>
      <div className={styles.hintLogo}>
        <ExclamationCircleOutlined className={styles.logo} />
      </div>
      <div className={styles.text}>{text}</div>
    </div>
  );
};

export default InstructionText;
